<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>零食铺子</title>
    <link href="../assets/css/site.css" rel="stylesheet" type="text/css" />
    <link href="../assets/css/default.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugins/fa/font-awesome.min.css" rel="stylesheet" type="text/css"  />
    <link href="../assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css" >
    <script src="../assets/js/jquery2.js"></script>
    <script src="../assets/plugins/owl-carousel/owl.carousel.js"></script>
    <script>
        $(document).ready(function(){
            $("#itemList").owlCarousel({
                items:3
            });
        })
    </script>
</head>
<body>
    <!--最顶部的悬浮区-->
    <div class="top">
         <div class="topContainer">
             <div class="topLeft">
                 <i class="fa fa-shopping-cart"></i>
                 零食铺子
             </div>
             <div class="topRight">
                 <a href="#" class="advLink">促销活动</a>
                 <span>SIGNUP</span>
                 <span>PAGES</span>
                 <span><i class="fa fa-user"></i></span>
             </div>
         </div>
    </div>
    <div class="topHolder"></div>
    <!------------------------------------------------->
    <div class="banner">
        <div class="info">
            我要搜搜
        </div>
        <div class="search">
            <form>
                <input type="text" placeholder="请输入关键字" />
                <selext>
                    <option>请选择类别</option>
                    <option>中华老字号</option>
                </selext>
                <button><i class="fa fa-search"></i></button>
            </form>
        </div>
    </div>
    <div class="mianContain">
        <div class="mainLeft">
             <ul class="cateList">
                <li>
                <div><i class="fa fa-car"></i></div>
                <div class="name">Car</div>
                <div class="num">2345</div>
                </li>
                <li>item2</li>
                <li>item3</li>
                <li>item4</li>
                <li>item1</li>
                <li>item2</li>
                <li>item3</li>
                <li>item4</li>
            </ul>
        </div>
        <div class="goodList">
            <div class="title">
                本周销量榜
            </div>
            <ul id="itemList" class="owl-carousel">
                <li>
                    <div class="adv">本周销量榜第一</div>
                </li>
            </ul>
        </div>
        <div class="mainRight">右</div>
    </div>
</body>
</html>